.ddsmoothmenu {
    font-size:90%;
    width:100%;
}
.ddsmoothmenu ul {
    z-index:100;
    margin:0;
    padding:0;
    list-style-type:none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
    position:relative;
    display:inline;
    float:left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
    display:block;
    color:white;
    padding:8px 20px;
    color:#2d2b2b;
    text-decoration:none;
}

.ddsmoothmenu ul li.first {
    background:#104E91 url("../Images/navi_bg.png") repeat-x top;
    border-right:1px solid #104E91;
    border-left:1px solid #2676B2;
}

.ddsmoothmenu ul li.first ul li {
    background-color:#104E91;
}

* html .ddsmoothmenu ul li a {
    /*IE6 hack to get sub menu links to behave correctly*/
    display:inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color:white;
}

.ddsmoothmenu ul li a.selected {
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background:#104E91;
    color:white;
}

.ddsmoothmenu ul li a:hover {
    background:#2676B2;
    /*background of menu items during onmouseover (hover state)*/
    color:white;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
    position:absolute;
    left:0;
    display:none;
    /*collapse all sub menus to begin with*/
    visibility:hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
    display:list-item;
    float:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
    top:0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
    width:160px;
    /*width of sub menus*/
    padding:8px 10px;
    margin:0;
    border-top-width:0;
    border-bottom:1px solid #598ACF;
}

/* Holly Hack for IE */
* html .ddsmoothmenu {
    height:1%;
}

/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass {
    position:absolute;
    top:12px;
    right:7px;
}

.rightarrowclass {
    position:absolute;
    top:6px;
    right:5px;
}

/* ######### CSS for shadow added to sub menus ######### */
.ddshadow {
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    background:silver;
}

.toplevelshadow {
    /*shadow opacity. Doesn't work in IE*/
    opacity:0.8;
}
